<front-menu class="app-front-menu">
  <div class="layout">
    <div class="custom-page">
      <div class="custom-page-header" [ngClass]="{'page-fixed': isBackColor}">
        <div class="container">
          <div class="nav">
            <nav>
              <a routerLink="/" class="nav-item nav-link" routerLinkActive="active"
                 [routerLinkActiveOptions]="{exact:true}">
                菜单一
              </a>
              <a routerLink="/front/hotel" class="nav-item nav-link" routerLinkActive="active">
                菜单二
              </a>
              <a routerLink="/front/holiday" class="nav-item nav-link" routerLinkActive="active">
                菜单三
              </a>
              <a routerLink="/front/blog" class="nav-item nav-link" routerLinkActive="active">
                菜单四
              </a>
              <a routerLink="/front/help" class="nav-item nav-link" routerLinkActive="active">
                帮助中心
              </a>
            </nav>
            <div class="right-nav">
              <a routerLink="/register" class="nav-item nav-link" routerLinkActive="active">注册</a>
              <a routerLink="/login" class="nav-item nav-link" routerLinkActive="active">登录</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</front-menu>

